<template>
    <div name="indexs">
      <link rel="stylesheet" href="/static/indexs/vendor/bootstrap/css/bootstrap.min.css">
      <!-- Font Awesome CSS-->
      <link rel="stylesheet" href="/static/indexs/vendor/font-awesome/css/font-awesome.min.css">
      <!-- Google fonts - Poppins-->
      <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,600">
      <!-- Lightbox-->
      <link rel="stylesheet" href="/static/indexs/vendor/lightbox2/css/lightbox.css">
      <!-- Custom font icons-->
      <link rel="stylesheet" href="/static/indexs/css/fontastic.css">
      <!-- theme stylesheet-->
      <link rel="stylesheet" href="/static/indexs/css/style.default.css" id="theme-stylesheet">
      <!-- Custom stylesheet - for your changes-->
      <link rel="stylesheet" href="/static/indexs/css/custom.css">
      <!-- Favicon-->
      <link rel="shortcut icon" href="../../static/indexs/img/favicon.png">


      <header class="header">
      <nav class="navbar navbar-expand-lg fixed-top">
        <div class="container"><a href="/" class="navbar-brand"><img src="../../static/indexs/img/logo.svg" alt="" class="img-fluid"></a>
          <button type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right">Menu<i class="fa fa-bars ml-2"></i></button>
          <div id="navbarSupportedContent" class="collapse navbar-collapse">
            <ul class="navbar-nav ml-auto">
                 
                  <li class="nav-item"> <a href="/login" class="btn btn-primary navbar-btn ml-0 ml-lg-3">登陆 </a></li>
                  <!-- Link-->
               
            </ul>
          </div>
        </div>
      </nav>
    </header>
    <!-- Login Modal-->
    <div id="login" tabindex="-1" role="dialog" aria-hidden="true" class="modal fade bd-example-modal-lg">
      <div role="document" class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
          <div class="modal-header border-bottom-0">
            <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">×</span></button>
          </div>
          <div class="modal-body p-4 p-lg-5">
            <form action="#" class="login-form text-left">
              <div class="form-group mb-4">
                <label>Email address</label>
                <input type="email" name="email" placeholder="name@company.com" class="form-control">
              </div>
              <div class="form-group mb-4">
                <label>Password</label>
                <input type="password" name="password" placeholder="Min 8 characters" class="form-control">
              </div>
              <div class="form-group">
                <input type="submit" value="Login" class="btn btn-primary">
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <!-- Hero Section-->
    <section class="hero">
      <div class="container mb-5">
        <div class="row align-items-center">
          <div class="col-lg-6">
            <h1 class="hero-heading mb-0">易用的在线培训考试平台 </h1>
            <div class="row">
              <div class="col-lg-10">
                <p class="lead text-muted mt-4 mb-4">提供企业培训、教育机构、证书考试等解决方案</p>
              </div>
            </div>

            <form action="#" class="subscription-form">
              <div class="form-group">
                <input type="email"  name="email" placeholder="请输入手机号" class="form-control">
                <button type="submit" class="btn btn-primary"><a href="/she">免费试用</a></button>
              </div>
            </form>
          </div>
          <div class="col-lg-6"><img src="../../static/indexs/img/illustration-hero.svg" alt="..." class="hero-image img-fluid d-none d-lg-block"></div>
        </div>
      </div>
    </section>
    <!-- Intro Section-->
    <section>
      <div class="container">
        <div class="text-center">
          <h2>考试星-易用的在线培训考试平台 </h2>
          <p class="lead text-muted mt-2">考试星满足企业全流程培训和考试场景，支持PC端、移动web端、APP端答题和学习，满足您个性化培训考试需求</p>
        </div>
        <div class="row">
          <div class="col-lg-7 mx-auto mt-5"><img src="../../static/indexs/img/illustration-1.svg" alt="..." class="intro-image img-fluid"></div>
        </div>
      </div>
    </section>
    <!-- Divider Section-->
    <section class="bg-primary text-white">
      <div class="container">
        <div class="text-center">
          <h2>新功能：交互式在线课程</h2>
          <div class="row">
            <div class="col-lg-9 mx-auto">
              <p class="lead text-white mt-2">视频中植入练习，实施进度统计分析</p>
            </div>
          </div><a href="/she" class="btn btn-outline-light">立即注册</a>
        </div>
      </div>
    </section>
    <!-- Integrations Section-->
    <section>
      <div class="container">
        <div class="text-center">
          <h2>产品特色</h2>
          <div class="row">
           
          </div>
        </div>
        <div class="integrations mt-5">
          <div class="row">
            <div class="col-lg-4">
              <div class="box text-center">
                <div class="icon d-flex align-items-end"><img src="../../static/indexs/img/monitor.svg" alt="..." class="img-fluid"></div>
                <h3 class="h4">PC+微信+APP</h3>
                <p class="text-small font-weight-light">移动端支持使用微信、浏览器、考试星APP进行学习和考试</p>
              </div>
            </div>
            <div class="col-lg-4">
              <div class="box text-center">
                <div class="icon d-flex align-items-end"><img src="../../static/indexs/img/target.svg" alt="..." class="img-fluid"></div>
                <h3 class="h4">题目可视化录入</h3>
                <p class="text-small font-weight-light">视频中指定时间添加练习，学习练习情况更可控</p>
              </div>
            </div>
            <div class="col-lg-4">
              <div class="box text-center">
                <div class="icon d-flex align-items-end"><img src="../../static/indexs/img/chat.svg" alt="..." class="img-fluid"></div>
                <h3 class="h4">多种试卷模式</h3>
                <p class="text-small font-weight-light">手动选择试题、题库随机抽取试题，满足各种组卷需求 </p>
              </div>
            </div>
            <div class="col-lg-4">
              <div class="box text-center">
                <div class="icon d-flex align-items-end"><img src="../../static/indexs/img/idea.svg" alt="..." class="img-fluid"></div>
                <h3 class="h4">考试防作弊</h3>
                <p class="text-small font-weight-light">考前人脸身份核验，权威数据确保本人考试
                                </p>
              </div>
            </div>
            <div class="col-lg-4">
              <div class="box text-center">
                <div class="icon d-flex align-items-end"><img src="../../static/indexs/img/coffee-cup.svg" alt="..." class="img-fluid"></div>
                <h3 class="h4">课程练习结合</h3>
                <p class="text-small font-weight-light">视频中指定时间添加练习，学习练习情况更可控
                                </p>
              </div>
            </div>
            <div class="col-lg-4">
              <div class="box text-center">
                <div class="icon d-flex align-items-end"><img src="../../static/indexs/img/pen.svg" alt="..." class="img-fluid"></div>
                <h3 class="h4">推送内容练习</h3>
                <p class="text-small font-weight-light">PC支持浏览器网页在线学习和考试
                                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <div class="tlinks">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
    <!-- CLients Section-->
    <section class="bg-gray">
      <div class="container">
        <div class="text-center">
          <h2>解决方案</h2>
          <div class="row">
            <div class="col-lg-8 mx-auto">
              <p class="lead text-muted mt-2">自由组合学练考生成培训计划，系统自动推进培训计划
线上学习、练习、考试大大降低组织成本，节省人力90%以上
学练考皆能自动生成分析报表，多维度多角度分析培训效果
强大组织结构管理能力，适用于各类大中小型组织和企业</p>
            </div>
          </div>
        </div>
        <div class="clients mt-5">
          <div class="row">
            <div class="col-lg-2"><img src="../../static/indexs/img/client-1.svg" alt="" class="client-image img-fluid"></div>
            <div class="col-lg-2"><img src="../../static/indexs/img/client-2.svg" alt="" class="client-image img-fluid"></div>
            <div class="col-lg-2"><img src="../../static/indexs/img/client-3.svg" alt="" class="client-image img-fluid"></div>
            <div class="col-lg-2"><img src="../../static/indexs/img/client-4.svg" alt="" class="client-image img-fluid"></div>
            <div class="col-lg-2"><img src="../../static/indexs/img/client-5.svg" alt="" class="client-image img-fluid"></div>
            <div class="col-lg-2"><img src="../../static/indexs/img/client-6.svg" alt="" class="client-image img-fluid"></div>
          </div>
        </div>
      </div>
    </section>
    <!-- How it works section-->
    <section>
      <div class="container">
        <div class="text-center">
          <h2>大型竞赛</h2>
          <div class="row">
            <div class="col-lg-8 mx-auto">
              <p class="lead text-muted mt-2">多种组卷、考试模式，多年行业积累，覆盖大多数竞赛场景
报名注册一步搞定，无中间流程，降低使用成本
自由定制证书、准考证，每个证书可添加唯一二维码进行溯源
万人同考无压力，第三方压测平台出具性能报告</p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- How it works Section-->
    <section class="bg-gray">
      <div class="container text-center text-lg-left">
        <div class="row align-items-center">
          <div class="col-lg-7">
            <h2 class="divider-heading">为更多行业场景提供解决方案 </h2>
            <div class="row">
              <div class="col-lg-10">
                <p class="lead divider-subtitle mt-2 text-muted">证书认证、餐饮零售、保险金融、工业制造、培训机构</p>
              </div>
            </div>
            <a class="btn btn-primary" style="color: #FFFFFF;">点击注册</a>
          </div>
          <div class="col-lg-5 mt-5 mt-lg-0"><img src="../../static/indexs/img/illustration-2.svg" alt="" class="divider-image img-fluid"></div>
        </div>
      </div>
    </section>
    <!-- Portfolio Section-->

    <!-- Get Started Section-->
 
    <footer class="main-footer">
      <div class="container">
        <div class="row">
          <div class="col-lg-3 mb-5 mb-lg-0">
            <div class="footer-logo"><img src="../../static/indexs/img/logo-footer.svg" alt="..." class="img-fluid"></div>
          </div>
          <div class="col-lg-3 mb-5 mb-lg-0">
            <h5 class="footer-heading">场景解决方案</h5>
            <ul class="list-unstyled">
              <li> <a href="index.html" class="footer-link">企业培训</a></li>
              <li> <a href="faq.html" class="footer-link">大型竞赛</a></li>
              <li> <a href="contact.html" class="footer-link">证书认证</a></li>
             
            </ul>
          </div>
          <div class="col-lg-3 mb-5 mb-lg-0">
            <h5 class="footer-heading">行业解决方案</h5>
            <ul class="list-unstyled">
              <li> <a href="#" class="footer-link">餐饮零售</a></li>
              <li> <a href="#" class="footer-link">保险金融</a></li>
              <li> <a href="#" class="footer-link">工业制造</a></li>
              <li> <a href="#" class="footer-link">培训机构</a></li>
            </ul>
          </div>
     
           <div class="col-lg-3">
            <h5 class="footer-heading">案例</h5>
            <ul class="list-unstyled">
              <li> <a href="#" class="footer-link">教育</a></li>
              <li> <a href="#" class="footer-link">政府国企</a></li>
              <li> <a href="#" class="footer-link">工业制造</a></li>
              <li> <a href="#" class="footer-link">互联网</a></li>
               <li> <a href="#" class="footer-link">金融</a></li>
                <li> <a href="#" class="footer-link">餐饮零售</a></li>
                 <li> <a href="#" class="footer-link">房地产</a></li>
                  <li> <a href="#" class="footer-link">医疗健康</a></li>
            
            </ul>
          </div>
        </div>
      </div>
      <div class="copyrights">
        <div class="container">
          <div class="row">
            <div class="col-lg-6 text-center text-lg-left">
              <p class="copyrights-text mb-3 mb-lg-0">&copy; All rights reserved. Appton.co. Bootstrapious .More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
              
              
            </div>
            <div class="col-lg-6 text-center text-lg-right">
              <ul class="list-inline social mb-0">
                <li class="list-inline-item"><a href="#" class="social-link"><i class="fa fa-facebook"></i></a><a href="#" class="social-link"><i class="fa fa-twitter"></i></a><a href="#" class="social-link"><i class="fa fa-youtube-play"></i></a><a href="#" class="social-link"><i class="fa fa-vimeo"></i></a><a href="#" class="social-link"><i class="fa fa-pinterest"></i></a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </footer>
    </div>
</template>
<script>
export default {
    name:'indexs',
}
</script>
